@import 'src/js/css/base.scss';
.iconfont {
    font-family: iconfont;
}
.nativeplusfont {
    font-family: nativeplusfont;
}

.wrapper-faq {
    background-color: #F4F4F4;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
    width: 750px;
    position:relative;
}

/*comment*/
.comment{
    backgroundColor:#fff;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:24px;
    padding-right:24px;
    margin-bottom:10px;
}
.comm-top{
    display:flex;
    flex-direction: row;
    align-items: center;
}
.ct-l{
    flex:1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ct-r{
    font-size:24px;
    color:#333;
}
.cm-pho{
    width:90px;
    height:90px;
    border-radius:80%;
    margin-right:10px;
}
.cm-name{
    font-size:32px;
    color:#333;
}
.cm-tit{
    margin-top:20px;
    font-size:32px;
    color:#000;
    font-weight:bold;
}
.cm-desc{
    margin-top:20px;
    font-size:32px;
    text-indent: 20px;
    margin-bottom:20px;
}
.social-status{
    display:flex;
    flex-direction: row;
    margin-top:20px;
}
.see{
    margin-left:112px;
    display:flex;
    flex-direction: row;
}
.seeicon,.loveicon,.shareicon{
    width:30px;
    height:30px;
    margin-right:5px;
    align-items: center;
}
.seeicon{
    width:40px;
}
.love{
    margin-left:136px;
    display:flex;
    flex-direction: row;
}
.share{
    margin-left:150px;
    display:flex;
    flex-direction: row;
}
/*comment*/

.total{
    color:#333;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:24px;
    font-size:24px
}
.pub-button{
    height:100px;
    width:100px;
    display:block;
    position: absolute;
    right:40px;
    bottom:60px;
    backgroundColor:#3A8BE7;
    border-radius:50px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.plus{
    color:#fff;
    font-size:50px;
    font-weight:bold;
}